<template>
  <div style="height: 100%">
    <a-range-picker
      @change="onChange"
      @ok="handleOk"
      :value="date"
      show-time
      format="YYYY-MM-DD HH:mm:ss"
      :popupStyle="{ background: 'red' }"
    ></a-range-picker>
  </div>
</template>
<script lang="ts">
import { defineComponent, onMounted, onUnmounted, watch } from 'vue';
import { ref } from 'vue';

export default defineComponent({
  setup() {
    onMounted(() => {});

    onUnmounted(() => {});
    return {};
  },
});
</script>
<style lang="less">
:deep(.ant-calendar-date-panel) {
  width: 100px;
}
</style>
